<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>专家库医生详情</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <!-- <link rel="shortcut icon" href="http://favicon.ico"> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

    <!--<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">-->

    <!-- 固定的css 和 common.js 的引用    -->
    <link rel="stylesheet" href="https://gitee.com/huaflower/CommonTraderUnionFile/raw/master/css/sm.min.css">
    <link rel="stylesheet" href="https://gitee.com/huaflower/CommonTraderUnionFile/raw/master/css/sm-extend.min.css">
    <script type="text/javascript" src="https://gitee.com/huaflower/CommonTraderUnionFile/raw/master/common/js/common.js"></script>
    
<style type="text/css">
    /*设置取消li、a标签默认样式*/
   *{
    margin:0;
    padding:0;
   }
   li{
    list-style: none;
   }
   a{
     text-decoration: none;
   }
   /*头部样式*/
   /* .bar{background:#f7f7f8;padding:0 0.2rem 0 0;}*/
   /*主体部分样式*/
   .content{
   	width: 100%;
   	height: auto;
   }
   .content-nav{
   	width: 100%;
   	height: auto;
   	background: #fff;
   	padding:0.5rem 0;
   	text-align: center;
   }
   .content-nav p{
   	 font-size: 14px;
   	 margin: 0.2rem auto;
   }
   .content-main{
   	width: 100%;
   	height: auto;
   	float: left;
   	margin-top:0.5rem;
   }
   .content-main ul li{
   	width: 100%;
   	height:auto;
   	background: #fff;
   	margin-bottom:2%;
   	padding: 4% 0;
   }
   .item-title{
   	width: 94%;
   	border-bottom: 1px solid #ede;
   	margin:0 auto;
   	padding: 1% 0;
   }
   .item-text{
    width: 95%;
   	margin:0 auto;
   }
   .item-text p{
   	font-size: 16px;
     margin: 0.6rem	0 0 0.2rem;
   }
</style>


</head>
<body>
<div class="page-group">
    <div class="page page-current">
<!--        	  <header class="bar bar-nav" hidden>	      
	           	<a href="javascript:;"><img src="https://gitee.com/huaflower/CommonTraderUnionFile/raw/master/img/back-a.png"></a>	           	
	      </header>	 -->
	      <!-- 主体内容 -->
	      <div class="content">
	      	    <div class="content-nav">
	           		<a href="javascript:;"><img src="https://gitee.com/huaflower/CommonTraderUnionFile/raw/master/img/img_pet.png"></a>
	           		<h4>李鹏</h4>
	           		<p>消化内科 | 主任医师</p>
	           		<p>首都医科大学附属北京友谊医院</p>
	           	</div>
	           	<div class="content-main">
	           		<!--  <ul>
			      	 	<li>
			      	 		<div class="item-title">
			      	 			<span></span>
			      	 			<h4>患者信息</h4>
			      	 		</div>
			      	 		<div class="item-text">
			      	 			<p>丁先生，男，31岁</p>
			      	 		</div>
			      	 	</li>
	      	        </ul> -->
	           	</div>                        

	      </div>

    </div>
</div>





<!-- 固定的js引用，所有的jQuery 要用 $$ 表示 -->
<script type="text/javascript" src="https://gitee.com/huaflower/CommonTraderUnionFile/raw/master/js/jquery-1.11.1.min.js"></script>
<!-- 这一行代码是为了 避免js冲突 -->
<script type="text/javascript">var $$ =jQuery.noConflict();</script>
<script type='text/javascript' src='https://gitee.com/huaflower/CommonTraderUnionFile/raw/master/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='https://gitee.com/huaflower/CommonTraderUnionFile/raw/master/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='https://gitee.com/huaflower/CommonTraderUnionFile/raw/master/js/sm-extend.min.js' charset='utf-8'></script>


<script type="text/javascript">
 // 遍历数据
 function getData(){ 
    var param = {}
    //http://47.94.232.49
    net_request('get','/apis/book/1',param,successCallBack,errorCallBack);
 }
  
 // 成功函数回调
 function successCallBack(data){
   // console.log(JSON.stringify(data));
   // console.log(data);

   if (isNotNull(data)) {
     var item = data.data;
     // console.log(JSON.stringify(item));
     // console.log(item);
    // 生成新的HTML
     var html = '';
     // 遍历数据                 
      if (isNotNull(item)) {
               html = `<ul>
				      	  <li>
			      	 		<div class="item-title">
			      	 			<h4>擅长</h4>
			      	 		</div>
			      	 		<div class="item-text">
			      	 			<p>${item.desc}</p>
			      	 		</div>
				      	  </li>
				      	  <li>
			      	 		<div class="item-title">
			      	 			<h4>履历</h4>
			      	 		</div>
			      	 		<div class="item-text">
			      	 			<p>${item.desc}</p>
			      	 		</div>
				      	  </li>
      	               </ul>`;                                           
       }
      
            $$('.content-main').append(html);      
     
   }
 }

 // 失败函数回调
 function errorCallBack(data){
   console.log(JSON.stringify(data));
 }

  function getParams(data){
   // data需要转成json调用 ，函数urlParamParseJson();
     /*var jodata = JSON.parse(data); 
     if(isNotNull(jodata)){//
        
     }*/

  }
   	// 初始化区域
  	$$(function () {
        getData();
      	$.init();
   	});

    
</script>
</body>
</html>